body {
	background: #F3F3F3;
	font: 12px/14px verdana, georgia, arial, sans-serif;
	margin: 20px 0% 40px 0;
}

body.logged_in {
	background-position: 0px -20px;
	margin-top: 6px;
}


/* =generic

  Generic styles
 -----------------------------------------------------------------------------*/
 .padded { padding: 10px; }
 
 

/* =tags

  Default settings for HTML tags
 -----------------------------------------------------------------------------*/
 button {
 	padding: 6px 8px;
 	background: #ffff99;
 	border: 1px solid #cc9966;
 	color: #333366;
 	font-weight: bold;
 }
 
 h2 { margin: 0 10px 0 10px; padding: 10px 0 5px 0; }
 hr { margin: 6px 10px; background: #29251d; }
 p  { margin: 10px 10px; padding: 0; }
 
	/* =tags =table
	
	  Table styles
	  ----------------------------------------------------------------------------*/
	  table { border-collapse: collapse; width: 100%; }
	  table tr td, table tr th { font: 12px/14px Verdana, Arial, Helvetica, sans-serif; }
	  table tr th { text-align: left; white-space: nowrap; padding-right: 10px; font-weight: bold; }
	  table tr td.hr { width: 100%; }

	/* =tags =form
	
	  Form styles
	  ----------------------------------------------------------------------------*/
	  input[type=text], input[type=password], input.text_field, input.password_field {
	  	padding: 3px 6px;
	  }
 
  

/* =tags-padded

  Default settings for HTML tags if located in a padded class
 -----------------------------------------------------------------------------*/
 .padded h2 { margin-left: 0px; }
 .padded hr { margin: 6px 0px; }
 .padded p  { margin: 6px 0px; }
  
 
 
/* =columns

  column definitions
 -----------------------------------------------------------------------------*/
 .container { margin: 0 auto; display: block; width: 984px; }
 
 .sidebar      { width: 200px; float: left; }
 .main_content { width: 722px; float: left; padding: 10px; border: 1px solid black; background: #FFFFFF; min-height: 600px; }
 #ieonly .main_content { height: 600px; }
 
 .left-column   { width: 600px; float: left; margin-right: 20px; }
 .right-column  { width: 364px; float: right; }
 .center-column { width: 600px; margin: 0% auto; }
 
 .main_content .left-column  { width: 210px; }
 .main_content .right-column { width: 492px; }

 

/* =icons
   
   Classes related to using icons as background images
 -----------------------------------------------------------------------------*/
 .bgimage, .icon {
 	background-repeat: no-repeat;
 	text-indent: 20px;
 	background-position: 6px 2px;
 }
 
 button.icon     { background-position: 8px 7px; }
 h2.icon         { background-position: 0px 11px; }
 li.icon         { background-position: 0px 0px; min-height: 20px; }
 a.icon          { background-position: 4px 8px; }
 
 #ieonly li.icon { height: 20px; }
 
 .icon.external-link   { background-image: url(/images/icons/world_go.gif) !important; }
 .icon.home-page       { background-image: url(/images/icons/application_home.gif) !important; }
 .icon.about-page      { background-image: url(/images/icons/information.gif) !important; }
 .icon.news-page       { background-image: url(/images/icons/newspaper.gif) !important; }
 .icon.code-page       { background-image: url(/images/icons/script.gif) !important; }
 .icon.discussion-page { background-image: url(/images/icons/comments.gif) !important; }
 
 .icon.comment-add     { background-image: url(/images/icons/comments_add.gif) !important; }
 
 .icon.login-user      { background-image: url(/images/icons/server_key.gif) !important; }
 
 .icon.error-notfound  { background-image: url(/images/icons/world_delete.gif) !important; }
 

 
 
/* =boxes

  Colored boxes
 -----------------------------------------------------------------------------*/
 .content, 
 .white-content     { background: #FFFFFF; margin-bottom: 10px; color: #000000; }
 .yellow-content    { background: #ffff99; margin-bottom: 10px; color: #000000; }
 .green-content     { background: #99ff66; margin-bottom: 10px; color: #000000; }
 .blue-content      { background: #336666; margin-bottom: 10px; color: #FFFFFF; }
 .red-content       { background: #cc3333; margin-bottom: 10px; color: #FFFFFF; }
 .darkgreen-content { background: #009900; margin-bottom: 10px; color: #FFFFFF; }
 
 .white-box     { border-top: 1px solid #EEEEEE; background: #FFFFFF; border-bottom: 2px solid #CCCCCC; color: #000000; padding-top: 10px; }
 .yellow-box    { border-top: 1px solid #ffffcc; background: #ffff99; border-bottom: 2px solid #ffff66; color: #000000; padding-top: 10px; }
 .green-box     { border-top: 1px solid #ccff66; background: #99ff66; border-bottom: 2px solid #66ff33; color: #000000; padding-top: 10px; }
 .blue-box      { border-top: 1px solid #669999; background: #336666; border-bottom: 2px solid #003333; color: #FFFFFF; padding-top: 10px; }
 .red-box       { border-top: 1px solid #ff6666; background: #cc3333; border-bottom: 2px solid #990000; color: #FFFFFF; padding-top: 10px; }
 .darkgreen-box { border-top: 1px solid #00cc00; background: #009900; border-bottom: 2px solid #006600; color: #FFFFFF; padding-top: 10px; }
 .grey-box      { border-top: 1px solid #cccccc; background: #e5e5e5; border-bottom: 2px solid #b2b2b2; color: #000000; padding-top: 10px; }
 
 h3 { font: 18px/21px Verdana,Arial,Helvetica,sans-serif; padding: 6px 0px 3px 12px; margin: 0%; }
 .content h3, 
 .white-content h3  { background: #4e483c; color: #FFFFFF; border-bottom: 1px solid #746a59; }
 .yellow-content h3 { background: #ffff66; color: #000000; border-bottom: 1px solid #ffffcc; }
 .green-content h3  { background: #66ff33; color: #000000; border-bottom: 1px solid #ccff66; }
 .blue-content h3   { background: #003333; color: #FFFFFF; border-bottom: 1px solid #669999; }
 .red-content h3    { background: #990000; color: #FFFFFF; border-bottom: 1px solid #ff6666; }
 

 
/* =top-navigation

  User top navigation
 -----------------------------------------------------------------------------*/
 .user_container .status { display: block; border-bottom: 1px solid #29251d; padding: 3px 15px; margin: 0 0 40px 0; }
 .user_container .status ul { list-style: none; padding: 0; margin: 0; float: right; }
 .user_container .status ul li { float: left; border-right: 1px solid #29251d; }
 .user_container .status ul li a,
 .user_container .status ul li span { display: block; padding: 4px 8px; color: #746a59; }
 .user_container .status ul li span { font-weight: bold; }
 .user_container .status ul li a:hover { background: #746a59; color: #FFFFFF; }
 
 
 
/* =sidebar

  Sidebar styles
 -----------------------------------------------------------------------------*/
 .sidebar { margin-top: 20px; }
 .sidebar ul { list-style: none; padding: 0; margin: 0 0 10px 0; }
 .sidebar ul li { padding: 0 0 0 0; margin: 0; background-repeat: no-repeat; }
 .sidebar ul li a { color: #000000; text-decoration: none; font-weight: bold; padding: 8px 10px 8px 4px; display: block; }
 .sidebar ul li a:hover { text-decoration: none; }
 
 #ieonly .sidebar ul li a { height: 16px; }
 
 
/* =sidebar-navigation

  Sidebar navigation
 -----------------------------------------------------------------------------*/
 #home  .sidebar ul li#nav_home a,
 #about .sidebar ul li#nav_about a,
 #news  .sidebar ul li#nav_news a { 
 	background-color: #898397; 
	color: #FFFFFF; 
 }
 
 
 
/* =top

  Top navigation / header styles
 -----------------------------------------------------------------------------*/
 .top { margin-bottom: 0px; }
 .top .header_bar { height: 60px; margin: 0% 60px -20px 0%; padding: 6px 0 0 0; background: #999999; border-bottom: 4px solid #7f7f7f; }
 
 .top h1 { margin: 6px 4px; padding: 0; color: #e5e5e5; }
 .top ul { list-style: none; padding: 0; margin: 0; border-top: 1px solid #29251d; }
 .top ul li { float: left; text-align: center; border-right: 1px solid #29251d; }
 .top ul li a { display: block; padding: 8px; color: #746a59; font-weight: bold; }
 .top ul li a:hover { background: #4e483c; color: #FFFFFF; }
 
 .top ul li { min-width: 130px; width: 130px; }
 html>.top ul li { width: auto; }



/* =boxes

  Box list styles
 -----------------------------------------------------------------------------*/
 ul.boxes { list-style: none; padding: 0; margin: 0%; }
 ul.boxes li { float: left; border: 1px solid #29251d; margin: 0% 0% 10px 10px; }
 ul.boxes li .padded { display: block; }
 
 .left-column  ul.boxes li { width: 283px; }
 .right-column ul.boxes li { width: 165px; }
 
 .left-column  ul.boxes.cols3 li { width: 185px; }
 .right-column ul.boxes.cols3 li { width: 106px; }


